<!--1)页面标题需求：-->
<!--页面标题应更正为与页面功能相关的标题，例如“Clothing Prediction”，以准确反映页面的主要内容。-->
<!--2)页面内容展示需求：-->
<!--容器内应包含一个图像标签，其src属性应动态绑定到用户上传的图像URL上，以便展示图像。-->
<!--容器内还应包含一个<h1>标签，用于展示预测结果。预测结果应动态插入到该标签中。-->
<!--3)表单提交需求：-->
<!--页面应包含一个表单，用于提交新的预测请求。-->
<!--表单的action属性应指向正确的服务器端点，即处理预测请求的URL（表单应包含一个提交按钮，其value属性设置为“predict another clothing ?”，以便用户点击进行新的预测。-->
<!--4)动态数据处理需求：-->
<!--页面应能够从服务器动态接收并处理用户上传的图像URL和预测结果。-->
<!--处理后的数据应正确地插入到页面的相应位置（即<img>标签的src属性和<h1>标签的文本内容）。-->
<!--5)用户交互需求：-->
<!--用户应能够通过点击“predict another clothing ?”按钮来提交新的预测请求。-->
<!--用户应能够在页面上实时查看他们上传的服装图像和预测结果。-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Clothing Prediction</title>
</head>
<body>
<div>
    <img src="{{path}}" alt="">
    <h1>{{pred}}</h1>
    <form action="http://127.0.0.1:6008" method="get">
        <input type="submit" value="predict another clothing ?">
    </form>
</div>
</body>
</html>